import logo from './logo.svg';
import './App.css';

import * as CustomComponent from './demo';  // 全部引入，打包
import { Myconponent, Secondcomponent } from './demo'; // 解构
// import Myconponent from './demo';  // 引入默认值，名字不定

import {Top,IconStyle,GlobalStyle,Tab,TabItem} from "./style"


function App() {
  return (
    <div className="App">
      <IconStyle />
      <GlobalStyle />
      {/* <Myconponent />
      <Secondcomponent /> */}
      <Top>
        <span className="iconfont menu">&#xe65c;</span>
        <span>webapp</span>
        <span className="iconfont search">&#xe62b;</span>
      </Top>
      <Tab>
        <a href="/recommend"><TabItem><span>推荐</span></TabItem></a>
        <a href="/recommend"><TabItem><span>歌手</span></TabItem></a>
        <a href="/recommend"><TabItem><span>排行榜</span></TabItem></a>
      </Tab>
    </div>
  );
}

export default App;
